function App() {
  const msg = "你好前端大神";
  const raw = "海是大大的，天是<strong>蓝蓝</strong>的";
  let isLog= false;
  let score = 59;
  let list= ["react","vue","angular"];
  return ( <>
    <h1>模板语法</h1>
    <h3>列表渲染</h3>
    {
      list.map((item,index)=><p key={index}>{item}</p>)
    }

    <h3>文本渲染</h3>
    <p>{msg}</p>
    <h3>富文本</h3>
    <p dangerouslySetInnerHTML={{__html:raw}}></p>
    <h3>条件渲染&&</h3>
    {isLog&&<p>欢迎回来主人</p>}

    <h3>条件渲染三元运算符号</h3>
    {
      score >= 60?<p>奖励180平的大house</p>:<p>皮带炒肉有你吃的</p>
    }
  </> );
}

export default App;